<script setup>
// 导入模块
import { defineProps,ref,defineEmits,defineExpose } from 'vue'
// // 允许内部属性被外部使用
defineExpose({
  name,
})
//父传子
// 语法：const props=Vue.defineProps(数组或对象)
// const props = defineProps({
//   键属性名: 值类型
//   键属性名: 值也可以继续是对象,
// });
//如果逻辑层需要使用属性数据时候，写props
defineProps({
    name: {
        type: String, //类型
        required: true,//是否必填
        default: 'whx'//默认值
    }
})

//子传父
// 语法：const emit = defineEmits(['change', 'delete']); emit('change', 数据1, ..., 数据n)
// 声明自定义事件 emits 【子传父】
const emit = defineEmits('handleSubmit')
const handle=()=>{
   emit('handleSubmit') //通知父组件
}
  
</script>

<template>
    <el-button type="primary" @click="handle">{{name}}</el-button>
</template>